<template>
  <div class="app">
    <Student></Student>
    <School></School>
  </div>
</template>
<script>
/*
* Vue 原型对象上包含事件处理的方法
    $on(eventName, listener): 绑定自定义事件监听
    $emit(eventName, data): 分发自定义事件
    $off(eventName): 解绑自定义事件监听
    $once(eventName, listener): 绑定事件监听, 但只能处理一次
所有组件VueComponent.prototype.__proto__ === Vue.prototype
    所有组件对象都能看到 Vue 原型对象上的属性和方法
    Vue.prototype.bus = new Vue(), 所有的组件对象都能看到bus=new Vue(), 所有的组件对象都能看,bus=newVue(),所有的组件对象都能看到bus这个属性对象
全局事件总线
    包含事件处理相关方法的对象(只有一个)
    所有的组件都可以得到

绑定事件
    其中this.deleteTodo表示一个回调函数
    this.$globalEventBus.$on('deleteTodo', this.deleteTodo)
分发事件
    其中this.data表示要传递的数据
    this.$globalEventBus.$emit('deleteTodo', this.data)

解绑事件
	this.$globalEventBus.$off('deleteTodo')

new Vue({
	beforeCreate () { // 尽量早的执行挂载全局事件总线对象的操作
	Vue.prototype.$globalEventBus = this
  },
}).$mount('#root')
* */

import Student from "./components/Student.vue";
import School from "./components/School.vue";

export default {
  name: "App",
  components: {School, Student},

};
</script>
<style lang="less">
.app {
  width: 100%;
  height: 300px;
  background-color: #cccccc;
}
</style>
